<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-controller="GlobalController">
<head>
    <title ng-bind="globalData.site_title"></title>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="favicon.png" />
    <link rel="stylesheet" type="text/css" href="../css/theme1.css">
</head>
<body>
@if (isset($invitation_id))
    <div class="main" id="theme_{{$invitation_id}}">
@else
    <div class="main">
@endif
        <div class="nav_top">
            <label id="playbox" class="on" onclick="mp3_play()">
                <audio id="audio" autoplay="autoplay" loop="loop">
                    <source src="http://mp3.123hl.cn/LoveParadise.mp3" type="audio/mp3">
                </audio>
            </label>
        </div>
        <div class='p-cnt'>
            <div class="face">
                <img class="picture_main" src="../img/12_face.jpg">
            </div>
            <div class='edge'>
                <div class='title'>
                    <b class='man_name'>那小子</b>
                    <i class='and'></i>
                    <b class='women_name'>那姑娘</b>
                </div>
                <div class='u-times' id="date_now">倒计时<em>-15</em>天</div>
                <p class='time' id="wedding_time" onclick="location.reload()">2015-10-06 09:58</p>
                <div class='u-line'></div>
            </div>
            <div class='title'>
                <h2>诚挚的邀请</h2> 
            </div>
            <div class='topic'  id="invit_letter">
                新郎那小子与新娘那姑娘郑重的邀请您参加我们的婚礼，望您在百忙之中抽出空闲前来参加，我们用心准备了惊喜和礼物，真心期待您分享我们的甜蜜.
            </div>
        </div>
        <div class='p-cnt'>
            <div class='title'>
                <h2>婚礼地址</h2>   
            </div>
            <div class='topic' id="wedding_add">
                地址：北京市一生一世酒店            
            </div>
            <div class='map'><a href="#">地图导航</a></div>
            <ul class='ways' id="traffic_way">
                <li>
                    <h3>自驾：</h3>
                    <p>北四环中关村南大街21号</p>
                </li>
                <li>
                    <h3>地铁：</h3>
                    <p>地铁4号线中关村站下车</p>
                </li>
                <li>
                    <h3>公交车：</h3>
                    <p>38、69、478路中关村站下车</p>
                </li>
            </ul>
            <div class='calls'>
                <a href="tel:13512345679" class='call-man'>新郎电话：<span id="boy_tel"></span></a>
                <a href="tel:13512345679" class='call-women'>新娘电话：<span id="girl_tel"></span></a>
            </div>
        </div>
        <div class='p-cnt'>
            <div class='title'>
                <h2>婚纱照</h2>
            </div>
            <div class="photo" id="picture">
                
            </div>
    
        </div>
        <div class='p-cnt'>
            <div class='title'>
                <h2>结婚视频</h2>
            </div>
            <div class='video'>
              <!--   <a id="video" href="http://v.qq.com/boke/page/q/0/2/q0157fai2d2.html" class='play'>
                    <img class="picture_main" src="../img/12_video.png">
                </a> -->
                <video id="video" width="320" height="240" controls="controls">
                  <source src="" >
                </video>
            </div>
            <p class='wifi'></p>
        </div>
        <div class='p-cnt'>
            <div class='title'>
                <h2>祝福我们</h2>   
                <h6 id="thanks" style="display:none"></h6>
            </div>
            <form>
                <input class='ui-input' type="text" placeholder="您的姓名" name="userName" id="userName"><br/>
                <input class='ui-input' type="tel" placeholder="您的手机号码" name="telephone" id="telephone"><br/>
                <textarea class='ui-textarea' placeholder="输入您的祝福" name="content" id="content"></textarea><br/>
                <input class="ui-input" type="text" style="display:none" placeholder="出席人数" name="" id="join_num"><br/>
                <input type="hidden" name="is_join" id="is_join">
                <div class="join_btns">
                    <a href="javascript:;" onclick="select_join(this)" data="1">出席</a>
                    <a href="javascript:;" onclick="select_join(this)" data="0">不出席</a>
                </div>
                <div onclick="themeSub();" class='submit'>
                    <a href="#">提交</a>
                </div>
            </form>
        </div>
    </div>
	<script type="text/javascript" src="../jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../theme1.js"></script>
    <script type="text/javascript" src="../theme.js"></script>
</body>
</html>